<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta http-equiv="pragma" content="no-cache"> 
	    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate"> 
	    <meta http-equiv="expires" content="0">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<link rel="stylesheet" href="../css/mui.min.css" />
		<link rel="stylesheet" href="../css/mui.picker.css" />
		<link rel="stylesheet" href="../css/mui.poppicker.css" />
		<link rel="stylesheet" href="../css/common.css" />
	</head>
	<style type="text/css">
		* {
			margin: 0px;
			padding: 0px;
		}
		body {
			background-color: #F3F3F3;
		}
		.mui-content {
			width: 100%;
			height: 100%;
			background-color: #F3F3F3;
		    -webkit-overflow-scrolling: touch;
		}
		.title-div {
			margin-top: 24px;
			width: 100%;
			text-align: center;
		}
		.title-span {
			color: #444444; 
			font-size: 18px; 
			font-family: 'PingFang-SC-Regular';
		}
		.item-div {
			margin-left: 14px;
			margin-right: 14px;
			height: 49px;
			position: relative;
		}
		.item-span {
			font-size: 13px;
			color: #444444;
			line-height: 49px;
			font-family: "PingFang-SC-Regular";
		}
		.item-icon {
			width: 14px;
			height: 3px;
			position: absolute;
			right: 14px;
			top: 23px;
		}
		.line-div {
			width: 92%;
			height: 1px;
			margin-left: 4%;
			background-color: #F3F3F3;
		}
		.setting-div {
			margin-top: 14px;
			margin-bottom: 80px;
			width: 100%;
			background-color: #FFFFFF;
		}
	</style>
	<body>
		<div class="mui-content">
			<div class="title-div">
				<span class="title-span">设置信息</span>
			</div>
			<div class="setting-div">
				<div class="item-div">
					<span class="item-span">账号安全</span>
					<img class="item-icon" src="../img/common/more_icon.png" />
				</div>
				<div class="line-div"></div>
				<div class="item-div">
					<span class="item-span">帮助与反馈</span>
					<img class="item-icon" src="../img/common/more_icon.png" />
				</div>
				<div class="line-div"></div>
				<div class="item-div">
					<span class="item-span">清理缓存</span>
					<img class="item-icon" src="../img/common/more_icon.png" />
				</div>
				<div class="line-div"></div>
				<div class="item-div">
					<span class="item-span">关于宅小U</span>
					<img class="item-icon" src="../img/common/more_icon.png" />
				</div>
			</div>
		</div>
		<div class="common-back-div">
			<img class="common-back-img" src="../img/common/public_back.png" />
		</div>
	</body>
	<script type="text/javascript" src="../js/thirdparty/mui.min.js" ></script>
	<script type="text/javascript" src="../js/thirdparty/jquery-3.3.1.js" ></script>
	<script type="text/javascript" src="../js/thirdparty/spin.min.js" ></script>
	<script type="text/javascript" src="../js/thirdparty/mui.picker.js" ></script>
	<script type="text/javascript" src="../js/thirdparty/mui.poppicker.js" ></script>
	<script type="text/javascript" src="../js/utils/boot.js" ></script>
	<script type="text/javascript">
		"use strict";
		var userID = base.getParameter("userID");
		$('.setting-div').on('tap', 'div[class="item-div"]', function() {
			document.activeElement.blur();
			var typeID = $(this).data('id');
			switch (typeID){
				case 0:
					//账号安全
					break;
				case 1:
					//跳转到帮助反馈页面
				case 2:
					//清理缓存
					break;
				case 3:
					window.location.href = "about.html";
					break;
				default:
					break;
			}
		});
		$(".common-back-div").on('tap','.common-back-img',function(){
			mui.back();
		});
	</script>
</html>
